function selectImg(el) {
    let flag=0

    $(el).next().css({
        "position":"relative",
        "right":30,
        "width":18,
        "height":18,
        "top":6
    })
    $(el).on("click",function(){
        $(el).next().css({
            "transition":"all .2s"
        })
        if( flag==0){
            $(this).next().css("transform", "rotate(-180deg)")
            flag++;
            return 
        }
        if(flag==1){
            flag--
                $(this).next().css("transform", "rotate(0deg)")
            }
        return
    }) 
    $(el).blur(function () {
        flag=0
        $(this).next().css("transform", "rotate(0deg)")
    })
    $(el).next().click(function(){
        $(el).click()
    })
}
 selectImg("select")


 
 function lengthChance(elid,length){
    $("#"+elid).focus(function(){
        window.onkeyup = function (){
           $("#"+elid).next().text($("#"+elid).val().length + "/"+length)
          }
    })
}

function userInfo(){
    $("#userInfo").click(function(){
        $("#userInfo ul").toggle()
})
}
userInfo()
function dataCenter(){
    let flag = 0
     $(".data-center").click(function(){
         if(flag===0){
             flag++
            $(this).find("span.iconfont").css({
                "transform":"rotate(180deg)"
            })
            $(".mainLeft ul").slideToggle(200)
            return

         } 
         else if(flag===1){
             flag--
            $(this).find("span.iconfont").css({
                "transform":"rotate(0deg)"
            })
           
            $(".mainLeft ul").slideToggle(200)
            return
         }
        
     })
  }
  dataCenter()


